<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="/js/axios.min.js"></script>
<script src="/js/util.js"></script>
<script src="/js/write.js"></script>
<style>
    .dialog {
        width: 100%;
        height: 100%;
        background-color: rgba(255, 0, 0, 0);
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        visibility: hidden;
    }

    .contentDiv {
        border: 1px solid;
        width: 700px;
        height: 500px;
        background-color: white;
    }

</style>
<body>
主题：<input type="text" id="head"><br><br>
邮件内容：<br><textarea id="content"></textarea><br>
附件：<input type="file" id="annex"><br><br>
<input type="button" value="添加收件人" onclick="findByItem(1)">
<table border="1px" cellspacing="1" width="50%">
    <thead>
    <tr>
        <th>姓名</th>
        <th>部门</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody id="receiverData"></tbody>
</table>
<div class="dialog" id="dialog">
    <div class="contentDiv">
        <p>添加收件人</p>
        <table border="1" width="100%" cellspacing="1">
            <thead>
            <tr>
                <th><input type="checkbox"></th>
                <th>姓名</th>
                <th>部门</th>
                <th>职位</th>
            </tr>
            </thead>
            <tbody id="emData"></tbody>
        </table>
        <div id="cutDiv"></div>

        <div>
            <p>查询员工信息</p>
            姓名： <input type="text" id="nameInput"><br>
            所在部门：<input type="text" id="deptInput"><br>
            <input type="button" value="查找" onclick="findByItem(1)">
        </div>

        <input type="button" value="添加" onclick="addReceiver()">

    </div>
</div>
<input type="button" value="发送" onclick="send()">
</body>
</html>